<section class="content" xmlns:th="http://www.thymeleaf.org">
	<h3>操作流程图
		<small>Operation Process</small>
	</h3>
	<div class="row">
		<div class="col-md-12">
			<h4>1.新增数据库连接</h4>
			<img th:src="@{/images/note/addDataSource.png}" width="100%"/>
			<h4>2.新增表单配置</h4>
			<img th:src="@{/images/note/addTableConfig.png}" width="100%"/>
			<h4>3.选择数据连接和表，生成表单配置</h4>
			<img th:src="@{/images/note/generateConfig.png}" width="100%"/><br/>
			<h4>4.编辑表单配置，对默认配置根据需要进行相应的修改</h4>
			<img th:src="@{/images/note/editTableConfig.png}" width="100%"/>
			<h4>5.填写配置，生成代码，注意填写正确的包名和页面路径</h4>
			<img th:src="@{/images/note/generateCode.png}" width="100%"/>
			<h4>6.代码复制到对应的目录，目录结构要与步骤5中的路径一致</h4>
			<img th:src="@{/images/note/copyCodeToCatalog1.png}" width="100%"/>
			<h4>前端代码复制完之后，建议打开文件通过vscode工具格式化代码，不格式不会影响使用</h4>
			<img th:src="@{/images/note/copyCodeToCatalog2.png}" width="100%"/>
			<h4>7.配置路由</h4>
			<img th:src="@{/images/note/configRoute.png}" width="100%"/>
			<h4>8.添加菜单</h4>
			<img th:src="@{/images/note/addMenu.png}" width="100%"/>
			<h4>9.设置菜单权限</h4>
			<img th:src="@{/images/note/setMenuRight.png}" width="100%"/>
		</div>
	</div>
</section>